import { defineComponent } from 'vue';
import { SchemaFormPropsDefine } from '../types';

export default defineComponent({
  name: 'StringField',
  props: SchemaFormPropsDefine,
  setup(props) {
    const { onChange } = props;
    const handleInput = (e: any) => {
      const value = e.target.value;
      onChange(value);
    };
    return () => {
      const { value } = props;
      // 这里并没有使用
      return (
        <>
          {/* 这里并没有使用 v-model 而是调用父组件的方法把子组件最新的 val 抛出去在父组件里面修改 */}
          <input type='text' value={value} onInput={handleInput} />
        </>
      );
    };
  },
});
